

/* 第二块 */
.flash{
	padding: 10rem 0 8rem; 
	background: #fbfaf7 url(../images/flash_bg.png) no-repeat 60rem center;
}
.flash h2{
	color: #0078d7;
	font-size: 2.8rem;
	padding-bottom: 1.2rem;
}
.flash ul li{
	margin-bottom: 1rem;
}
.flash ul li img{
	float: left;
	margin-right: 0.6rem;
}
.flash .h2{
	color: #666;
	padding-bottom: 2rem;
	font-size: 2rem;
}
.flash .con{
	font-size: 0.75rem;
	color: #666;
}

/* 第三块 */
.adv{
	width:100%;
	background:#fff url('../images/adv_bg.png') no-repeat 18rem 15.83rem;
	padding:5.33rem 0 7.42rem;
}
.adv h2{
	font-size:4rem;
	color:#8fc31f;
	font-weight: bold;
	line-height: 12.17rem;
}
.adv ul li{
	height: 5.5rem;padding-top: 1.9rem;
	margin-bottom:1.33rem;
	font-size:1.17rem;
	color:#666;
	padding-left: 5.5rem;
}
.adv ul li:first-child{
	background:url('../images/adv_one.png') no-repeat 0.5rem center;	
}
.adv ul li:nth-child(2){
	background:url('../images/adv_two.png') no-repeat 0.5rem center;	
}
.adv ul li:nth-child(3){
	background:url('../images/adv_three.png') no-repeat 0.5rem center;	
}
.adv ul li:last-child{
	background:url('../images/adv_four.png') no-repeat 0.5rem center;	
}
/*family*/
.family{
	width:100%;
	background:#0079d7;
	padding-top:3rem;
}
.family .h1{
	font-size:4rem;
	color:#fffefe;
	text-align:center;
	/* line-height: 16.83rem; */
	padding: 7rem 0;
}

.family ul li{
	height:10.75rem;
	margin:0 4rem 6rem 0;
}
.family ul li div{
	float: left;
}
.family ul li img{
	float: left;
	margin:0.58rem 0 0 0;
	padding:0;
	width: 100%;
}
.family ul li p{
	margin:0;
}
.family ul li .h2{
	color:#fffefe;
	line-height:1em;
	font-size:2.67rem;
}
.family ul li .con{
	font-size:1rem;
	line-height:2.34rem;
	color:#fffefe;
	margin-top:0.83rem;
}
/* game */
.game{
	width:100%;
	background:#fff;
	padding:3rem 0 2.5rem;
}
.game .title{
	font-size:2.5rem;
	color:#2a2a2a;
	padding-bottom:3rem;
	padding-top: 3.5rem;
}
	
.game .more{
	font-size: 1.2rem;
	color: #000000;
	float: right;
	line-height: 3.5rem;
}

.game .video{
	height:auto;
	width:100%;
	transform: translateY(-3.3rem);
}
.game ul{
	margin-top: 1rem;
}
.game ul li{
	float: left;
	margin-bottom: 1rem;
}

.game ul li img{
	width: 100%;
}
.game ul li p{
	display: inline-block;
	text-align: center;
	width: 100%;
	font-size: 1rem;
}
@media screen and (max-width: 400px) {
    .flash{
    	padding: 1rem 0; 
    }
	.flash h2{
		font-size: 3rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.flash .h2{
		padding-bottom: 1.5rem;
		font-size: 1.5rem;
	}
	/*adv*/
	.adv{
		padding: 1rem 0 !important;
	}
	.adv ul li{
		padding-top: 1.1rem !important;
	}
	.adv h2{
		font-size:3rem !important;
		line-height: 8rem !important;
	}
	/*family*/
	.family{
		padding-top:1rem !important;
	}
	.family .h1{
		font-size:3rem !important;
		padding: 3rem 0 !important;
	}
	/* game */
	.game{
		width:100%;
		background:#fff;
		padding:1rem 0 1rem;
	}
	.game .title{
		font-size:1.6rem;
		padding-bottom: 3rem;
		padding-top: 0.7rem  ;
	}
	.game .more{
		font-size: 1rem;
		line-height: 2.5rem;
	}
	
}
@media screen and (max-width: 768px) {
	.game ul li:nth-child(5){
		clear: both;
	}
}
@media screen and (max-width: 430px) {
	.game ul li:nth-child(9){
		clear: both;
	}
}
/*link*/
.link{
	padding:0.5rem 0 3.67rem;
	width:100%;
	background:#f4f4f4;
}
.link .title{
	padding:0;
	font-size:2.5rem;
	color:#2a2a2a;
	line-height:7.83rem;
}
.link .title span{
	color:#777;
	font-size:1rem;
}
.link ul{
	padding-left:0;
	padding-right:2rem;
}
.link ul li{
	padding:0;
	margin-bottom:1.67rem;
	float: left;
}
.link ul li img{
	width:90%;
	border:1px solid #ddd;
	border-radius:0.25rem;
}
@media screen and (max-width: 576px) {
	.link{
		padding-left: 2rem;
	}
	.game .title{
		padding-left: 0.8rem;
	}
}

